<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
<%@ page import="ee.battleship.classes.Player"%>
<% Player player = (Player) session.getAttribute("player"); %>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Laevade pommitamine</title>
	<link rel="stylesheet" type="text/css" href="js/lib/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="gfx/styles.css" />
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/lib/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript" src="js/game.js"></script>
	<script type="text/javascript" src="js/ajax.js"></script>
	<script type="text/javascript" src="js/gui.js"></script>
	<script type="text/javascript" src="js/replays.js"></script>
</head>
<body>
<div id="wrapper">
	<div id="header">
		<h1>
			<a href="Index" title="Laevade pommitamise">Laevade pommitamine</a>
		</h1>
		<div id="menu">
			<div class="user">Tere, <span class="bold"><%= player.getName() %></span>!</div>
			<ul style="display: inline-block">
				<li><a href="javascript:void(0)" class="replay">Kordused</a></li>
				<li><a href="leaderboard.jsp" class="leaderboard">Edetabel</a></li>
				<li><a href="javascript:void(0);" class="help">Abi</a></li>
				<li><a href="UserLogout" class="special">Logi välja</a></li>
			</ul>
		</div>
	</div>
	<div id="game">
		<div id="canvas"><!-- Here comes teh canvas --></div>
		<div id="buttons">
			<div id="auto-place-button">
				<a href="javascript:void(0)" class="autoPlace" title="Automaatne paigutamine">Automaatne paigutamine</a>
			</div>
			<div class="start">
				<a href="javascript:void(0)" class="start-game" title="Alusta">Alusta</a>
			</div>
			<div id="loading">Laadib...</div>
			<div id="error"></div>
			<div class="juhis">
				<img src="gfx/juhis.png" />
			</div>	
		</div>
		<div id="enemy"><!-- the enemy -->
			<div class="enemytext">Vastane</div>
		</div>
	</div>
</div>
</body>
</html>